import React, { Component, useState } from 'react';
import { Popup, Space, Button } from 'antd-mobile'


function Home(){
    const [visible1, setVisible1] = useState(false)
    const [visible2, setVisible2] = useState(false)
    const [visible3, setVisible3] = useState(false)
    const [visible4, setVisible4] = useState(false)
    const [visible5, setVisible5] = useState(false)
    const [visible6, setVisible6] = useState(false)
    const [visible7, setVisible7] = useState(false)
    const [visibleCloseRight, setVisibleCloseRight] = useState(false)
    return (
        <>
       
            <Space direction='vertical'>
            <>
            <Button
              onClick={() => {
                setVisible7(true)
              }}
            >
              显示关闭按钮
            </Button>

            <Popup
              visible={visible7}
              showCloseButton
              onClose={() => {
                setVisible7(false)
              }}
            >
            {
                <>
                  <input type="text" />
                <input type="password"/>
                <button>确认</button>
                </>
              
             
            }
            </Popup>
          </>

            </Space>
        
        </>
      )
}
export default Home;